// 导航里的图标
import { Document, FolderOpened } from '@element-plus/icons-vue'

// import page from '../components/page.vue'

export default [
  {
    path: '/',
    name: 'index',
    title: '目录',
    icon: Document, 
    component: () => import('../views/indexView.vue'),
    isRouter: true,  
    isMenu: true 
  },
  {
    path: '/component', // 地址、路径
    name: 'component', // 路由名称
    title: '组件', // 模块名称
    icon: FolderOpened, // 导航的图标
    isRouter: true, // 可能是外部链接，不需要设置路由
    isMenu: true, // 有些路由不需要在导航里显示出来。
    children: [ // 子组件，可无限嵌套
      {
        path: '/props',
        name: 'props',
        title: '属性',
        icon: Document, 
        component: () => import('../views/props/00-props.vue'),
        isRouter: true,  
        isMenu: true 
      },
      {
        path: '/props-readonly',
        name: 'props-readonly',
        title: '属性',
        icon: Document, 
        component: () => import('../views/props/10-sreadonly.vue'),
        isRouter: true,  
        isMenu: true 
      },
      {
        path: '/props-ts',
        name: 'props-ts',
        title: 'ts风格',
        icon: Document, 
        component: () => import('../views/props/20-ts.vue'),
        isRouter: true,  
        isMenu: true 
      }
    ]
  }
]
